<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
        <title>详情</title>
        <!-- Bootstrap -->
        <link href="__PUBLIC__/h-ui/yuyue/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="__PUBLIC__/h-ui/yuyue/css/base.css" rel="stylesheet">
    </head>
    <body>
        <header class="header text-center" style="display: none;">
            <div class="zindex">
                <a href="javascript:;" onclick="javascript :history.back(-1);" class="back">
                    <img src="__PUBLIC__/h-ui/yuyue/images/back.png">返回
                </a>
                <span>详情</span>
            </div>
        </header> 
        <!--外层框-->
        <div class="wrap" style="padding-bottom: 45px;">
            <!--详情信息-->
            <div class="">
                <?php
                    $images = unserialize(html_entity_decode($info['room_images']));
                    $imgcount = is_array($images) ? count($images) : 0;
                ?>
                <?php if($imgcount){ ?>
                <!--轮播图-->
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators" style="bottom: -10px;">
                        <?php for($i=0;$i<$imgcount;$i++){ ?>
						<li data-target="#myCarousel" data-slide-to="{$i}" class="{$i == 0 ? 'active' : ''}"></li>
                        <?php } ?>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
                        <?php foreach($images as $k=>$img){ ?>
						<div class="item {$k == 0 ? 'active' : ''}">
							<img src="__PUBLIC__/upload/{$img}" alt="First slide" style="height: 250px; width: 100%;">
						</div>
                        <?php } ?>
					</div>
				</div>
				<?php } ?>
                <div class="clearfix info">
                    <div class="title pull-left">
                        <b>{$info['room_title']}</b>
                        <span>{$info['room_address']}</span>
                    </div>
                    <div class="pull-right count">
                        剩余：<b>{$count}</b> 套
                    </div>
                </div>
                <?php if($isOrder){ ?>
                <div class="clearfix info">
                    <b style="color: red;">您已预定该房型，前置排队人数：{$sort} 人</b>
                </div>
                <?php } ?>
                
                <div class="detail-cont">
                    <p>{$info['room_desc']}</p>
                    <div class="mt15 wx">温馨提示：{$info['room_remind']}</div>
                    <div class="list-title"><img src="__PUBLIC__/h-ui/yuyue/images/tv.png" class="pull-left">设施列表</div>
                    <?php
                        $room_eqment = explode("\r\n", $info['room_eqment']);
                    ?>
                    <div class="eqment">
                        <ul class="list-inline">
                            <?php foreach($room_eqment as $ls){ ?>
                                <?php if(!empty($ls)){ ?>
                                <li>{$ls}</li>
                                <?php } ?>
                            <?php } ?>
                        </ul>
                    </div>
                    <div class="list-title"><img src="__PUBLIC__/h-ui/yuyue/images/photo.png" class="pull-left">公区设施</div>
                    <?php
                        $room_public = explode("\r\n", $info['room_public']);
                    ?>
                    <div class="eqment">
                        <ul class="list-inline">
                            <?php foreach($room_public as $ls){ ?>
                                <?php if(!empty($ls)){ ?>
                                <li>{$ls}</li>
                                <?php } ?>
                            <?php } ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="btmfix clearfix" style="margin-bottom: 5px;">
            <a href="order.html?room_type={$info['room_type']}" class="yellow">订房</a>
            <a href="JavaScript:;" class="bule">预约看房</a>
        </div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script type="text/javascript" src="__PUBLIC__/h-ui/lib/jquery/1.9.1/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="__PUBLIC__/h-ui/yuyue/bootstrap/js/bootstrap.min.js"></script>
		<script>
			$(document).ready(function(){
				$("#myCarousel").carousel({
					interval: 5000
				});
				
				$("#myCarousel").carousel("cycle");
			});
		</script>
    </body>
</html>
